<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="reset.css" />
    <link rel="stylesheet" href="base.css" />
    <link rel="stylesheet" href="index.css" />
</head>

<body>
    <!-- /* --------------------头部--------------------- */ -->
    <header>
        <nav class="top-nav">
            <img src="./image/logo.png" />
            <div class="search">
                <i class="icon-location"></i>
                <span>广州</span>
                <div class="searchbox">
                    <input type="text" placeholder="搜索培训机构或课程" />
                </div>
                <button>搜索</button>
            </div>
            <div class="user">
                <a href="#">足迹</a>
                <a href="#">消息</a>
                <a href="#">收藏</a>
                <a href="#"><img src="./image/user.png" /></a>
            </div>
        </nav>
        <!-- 菜单 -->
        <ul class="menu">
            <li><a href="">首页</a></li>
            <li><a href="./列表页.html">找学校</a></li>
            <li><a href="">问答社区</a></li>
            <li><a href="">资讯文章</a></li>
            <li><a href="">趣学专题</a></li>
        </ul>
    </header>
    <!-- /* -------------------轮播图-------------------- */ -->
    <div class="wrapper">
        <div class="banner">
            <img src="./image/banner_03.jpg" />
        </div>
        <div class="dot">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <i class="left">left</i>
        <i class="right">right</i>
    </div>
    <!-- /* ------------------热门学校------------------- */ -->
    <div class="hot-sch">
        <div class="hot_nva">
            <i>广州热门学校</i>
            <i>报课不迷路</i>
            <i>更多热门学校></i>
            <div class="hot_tp">
                <div class="hot-1">
                    <img src="./image/童程董美教育.gif" alt="">
                    <ul>
                        <li>童程董美教育</li>
                        <li><img src="./image/星星.png" alt=""> 5.0分</li>
                        <li>少儿编程</li>
                        <li>天河公园/上社</li>
                    </ul>
                </div>
                <div class="hot-1">
                    <img src="./image/丽态丽态.gif" alt="">
                    <ul>
                        <li>丽态丽态·形体仪态礼仪</li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>礼仪口才</li>
                        <li>珠江新城</li>
                    </ul>
                </div>
                <div class="hot-1">
                    <img src="./image/新世界日语.gif" alt="">
                    <ul>
                        <li>童程董美教育</li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>日语</li>
                        <li>天河城/体育中心</li>
                    </ul>
                </div>
                <div class="hot-1">
                    <img src="./image/艾佛瑞钢琴学校.gif" alt="">
                    <ul>
                        <li>艾佛瑞钢琴学校</li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>音乐</li>
                        <li>车陂/东圃</li>
                    </ul>
                </div>
                <div class="hot-1">
                    <img src="./image/美联少儿英语.gif" alt="">
                    <ul>
                        <li>美联少儿英语辅导</li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>英语</li>
                        <li>凯德广场</li>
                    </ul>
                </div>
                <div class="hot-1">
                    <img src="./image/山谷私塾.gif" alt="">
                    <ul>
                        <li>山谷私塾</li>
                        <li><img src="./image/星星.png" alt="">5.0分</li>
                        <li>书法</li>
                        <li>兴盛路/跑马场</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hot_tit">
            <ul>
                <li>热门讨论...<i>(去社区看看)</i></li>
                <li>我的假期学习计划<i class="fire">热</i><br><br><a href="">300万次浏览</a></li>
                <li>少儿英语该如何启蒙？<i class="fire">热</i><br><br><a href="">269.7万次浏览</a></li>
                <li>掌握学习语言的技巧<i class="fire">热</i><br><br><a href="">300万次浏览</a></li>
                <li>少儿培训机构如何<br><br><a href="">328.6万次浏览</a></li>
                <li>少儿培训机构怎么选？<br><br><a href="">156.2万次浏览</a></li>
                <li>如何提升学习效率<br><br><a href="">42.6万次浏览</a></li>
                <li>2020什么课程最热门<br><br><a href="">320万次浏览</a></li>
                <li>国内十大少儿美术培训品牌对比<br><br><a href="">100万次浏览</a></li>
            </ul>
        </div>
    </div>
    <!-- /* ------------------热门课程------------------- */ -->
    <div class="hot—class">
        <div class="class-top">
            <i>热门兴趣课</i>
            <i>看看她们学什么</i>
            <i>更多兴趣课></i>
        </div>
        <div class="clflex">
            <div class="class-tp">
                <div class="class-tp_1">
                    <img src="./image/尤克里里.gif" height="346" alt="">
                    <p>尤克里里</p>
                    <p>增强自信心,培养情操及涵养</p>
                </div>
            </div>
            <div class="class-tp">
                <div class="class-tp_1">
                    <img src="./image/芭蕾舞.gif" alt="">
                    <p>芭蕾舞</p>
                    <p>改善孩子体现,提升气质</p>
                </div>
            </div>
            <div class="class-tp">
                <div class="class-tp_1">
                    <img src="./image/围棋.gif" alt="">
                    <p>围棋</p>
                    <p>开发智力,提升综合素质</p>
                </div>
            </div>

            <div class="class-tp">
                <div class="class-tp_1">
                    <img src="./image/绘画.jpg" alt="">
                    <p>少儿绘画</p>
                    <p>培养想象力,激发美术创作</p>
                </div>
            </div>
        </div>
    </div>
    <!-- /* ------------------家长推荐------------------- */ -->
    <div class="main clear">
        <header class="main-top">
            <i class="tit">家长种草推荐</i>
            <i>更多兴趣课></i>
        </header>
        <article>
            <div class="nva ">
                <div class="n1">
                    <img src="./image/舞蹈培养.png" style="width: 277px;" alt="">
                    <img class="userimg" src="./image/user1.png" alt=""><i class="user">依晨</i>
                    <span>女儿从四岁多一直都在腾星学习啦啦操培训，会努力坚持的！</span>
                    <div class="biaoqian">舞蹈培训</div>
                </div>
                <div class="n1">
                    <img src="./image/口才培养.png" style="width: 277px;" alt="">
                    <img class="userimg" src="./image/user2.png" alt=""><i class="user">杰伦</i>
                    <span>上几节课，孩子的胆怯和怯场慢慢有了改善，以前总会有"生人勿...</span>
                    <div class="biaoqian">口才培训</div>
                </div>
                <div class="n1">
                    <img src="./image/街舞培训.png" style="width: 277px;" alt="">
                    <img class="userimg" src="./image/user3.png" alt=""><i class="user">家辉</i>
                    <span>老师很专业，教的很仔细，学下来也美滋滋，我还要来</span>
                    <div class="biaoqian">街舞培训</div>
                </div>
                <div class="n1">
                    <img src="./image/魔术教学.png" style="width: 277px;" alt="">
                    <img class="userimg" src="./image/user4.png" alt=""><i class="user">富城</i>
                    <span>魔术老师很有耐心，孩子本来挺内向的，现在活泼，好像被夺一样！</span>
                    <div class="biaoqian">魔术教学</div>
                </div>
                <div class="n1">
                    <img src="./image/少儿编程.png" style="width: 277px;" alt="">
                    <img class="userimg" src="./image/user5.png" alt=""><i class="user">奕迅</i>
                    <span>强烈推荐！！来这里就是赚到，本来给孩子找兴趣班，来了这里起飞</span>
                    <div class="biaoqian">少儿编程</div>
                </div>
                <div class="n1">
                    <img src="./image/音乐培训.png" style="width: 277px;" alt="">
                    <img class="userimg" src="./image/user6.png" alt=""><i class="user">德华</i>
                    <span>体验了一下，中规中矩，还没为教的好 但是我没什么时间，只能丢这里</span>
                    <div class="biaoqian">音乐培训</div>
                </div>
                <div class="n1">
                    <img src="./image/美术绘画.png" style="width: 277px;" alt="">
                    <img class="userimg" src="./image/user7.png" alt=""><i class="user">学友</i>
                    <span>老师棒棒！环境也不错，每个人都挺和善的 孩子开心最重要</span>
                    <div class="biaoqian">美术绘画</div>
                </div>
                <div class="n1">
                    <img src="./image/智力围棋.png" style="width: 277px;" alt="">
                    <img class="userimg" src="./image/user8.png" alt=""><i class="user">黎明</i>
                    <span>环境很好，老师也漂亮，以后多送孩子来上课，远点也没事！</span>
                    <div class="biaoqian">智力围棋</div>
                </div>
            </div>
        </article>
    </div>
    <!-- /* -----------------直播试听课------------------ */ -->
    <div class="live">
        <div class="live-top">
            <i>直播试听课</i>
            <i>更多直播课></i>
        </div>
        <div class="live-tp">
            <div class="live-t1">
                <img src="./image/胜狮少儿口才培训.png" alt="">
                <p>《自信口才》语言表达体验课</p>
                <p>胜狮少儿口才培训</p>
                <p>开播时间:2020年10月15日</p>
                <img src="./image/livelogo1.png" alt="">
                <div class="live-ther">
                    <span>讲师:</span>
                    <span>小强老师</span>
                </div>
            </div>
            <div class="live-t1">
                <img src="./image/大本象美术教育.png" alt="">
                <p>少儿美术体验课</p>
                <p>大本象美术教育</p>
                <p>开播时间:2020年11月10日</p>
                <img src="./image/livelogo2.png" alt="">
                <div class="live-ther">
                    <span>讲师:</span>
                    <span>张修</span>
                </div>
            </div>
            <div class="live-t1">
                <img src="./image/少乐艺术中心.png" alt="">
                <p>《自信口才》语言表达体验课</p>
                <p>少乐艺术中心</p>
                <p>开播时间:2020年10月30日</p>
                <img src="./image/livelogo1.png" alt="">
                <div class="live-ther">
                    <span>讲师:</span>
                    <span>小王老师</span>
                </div>
            </div>
            <div class="live-t1">
                <img src="./image/乐博乐博STEAMSTEAM少年编程.png" alt="">
                <p>少儿编程基础入门试听课</p>
                <p>乐博乐博STEAM少年编程</p>
                <p>开播时间:2020年12月15日</p>
                <img src="./image/livelogo1.png" alt="">
                <div class="live-ther">
                    <span>讲师:</span>
                    <span>小张老师</span>
                </div>
            </div>
        </div>
    </div>
    <img class="l" src="./image/left.png" alt="">
    <img class="r" src="./image/right.png" alt="">
    <!-- /* --------------------文章--------------------- */ -->
    <div class="article">
        <div class="art-top">
            <i>文章</i>
            <i>更多文章></i>
        </div>
        <div class="art-nav">
            <div class="art-n1">
                <img src="./image/文章1.gif" alt="">
                <i>有关孩子"兴趣班"，看完一篇，就够了！</i>
                <img src="./image/点赞.png" alt="">
                <span>10000</span>
            </div>
            <div class="art-n1">
                <img src="./image/文章2.gif" alt="">
                <i>关于小星（少儿编程/创客培训）机构讲师的现状</i>
                <img src="./image/点赞.png" alt="">
                <span>10000</span>
            </div>
            <div class="art-n1">
                <img src="./image/文章3.gif" alt="">
                <i>孩子的兴趣班，你报对了吗？</i>
                <img src="./image/点赞.png" alt="">
                <span>10000</span>
            </div>
            <div class="art-n1">
                <img src="./image/文章4.gif" alt="">
                <i>什么年龄上什么兴趣班，这篇文章你值得收藏</i>
                <img src="./image/点赞.png" alt="">
                <span>10000</span>
            </div>
            <div class="art-n1">
                <img src="./image/文章5.gif" alt="">
                <i>少儿英语培训机构排名表有嘛？求推荐！</i>
                <img src="./image/点赞.png" alt="">
                <span>10000</span>
            </div>
            <div class="art-n1">
                <img src="./image/文章6.gif" alt="">
                <i>作为家长，对3-6岁孩子报兴趣班有何想法呢？</i>
                <img src="./image/点赞.png" alt="">
                <span>10000</span>
            </div>
        </div>
        
    </div>
    <!-- /* --------------------底部--------------------- */ -->
    <footer>
        <div class="foot-nav">
            <a href="">联系我们</a>
            <a href="">法律说明</a>
            <a href="">隐私政策</a>
            <a href="">用户协议</a>
            <a href="">加入我们</a>
            <div class="wx">
                <img class="xltb" src="./image/新浪.png" alt=""><i>官方微博</i>
                <img class="wxtb" src="./image/微信.png" alt=""><i>微信公众号</i>
            </div>
        </div>
        <div class="fgx"></div>
        <div class="db">
            <span>客服热线：400 8564 100 周一至周日 9:00-12:00 | 在线客服：取笑我 - 我 - 在线客服 |
                违法和不良信息举报电话：400 6573 100│举报邮籍:guykd@uoe.com │ 网上有害信息举报│教4P~1101517号
            </span>
            <p>粤CP备15038397号 │ 粤公网安备11010502035430号│ 粤32-2017088. │ 广东趣学教育有限公司
                │广州市天河区广图路大街1号院5号权2单元28层32801至38209室 │ 营业执照 │ 出版物进
            </p>
        </div>
    </footer>
</body>

</html>